<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>未加载完毕补白</title>
	</head>
	<style type="text/css">
		img{
			margin: 50px;
			display: block;
			max-width: 100%;
		}
		body{
			height: 2000px;
			background:#0D2134;
		}
	</style>
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<img class="lazy" src="img/1.jpg"/>
		<img class="lazy" data-original="img/2.jpg"/>
		<img class="lazy" data-original="img/3.jpg"/>
		<img class="lazy" data-original="img/4.jpg"/>
		<img class="lazy" data-original="img/5.jpg"/>
		<img class="lazy" data-original="img/6.jpg"/>
		<img class="lazy" data-original="img/7.jpg"/>
		<img class="lazy" data-original="img/8.jpg"/>
		<img class="lazy" data-original="img/9.jpg"/>
		<img class="lazy" data-original="img/s02.jpg"/>
		<img class="lazy" data-original="img/zk.jpg"/>
		<img class="lazy" data-original="img/lb.jpg"/>
		
		<script type="text/javascript">
			$(function(){
				$("img.lazy").lazyload({
					effect:"fadeIn",
					placeholder : "img/1px.jpg",
					threshold : 200
				});
			});
		</script>
	</body>
</html>
